$(() => {
    search();

    //给分页条添加事件
    $(".paginate>ul").on("click", "li", function () {
        let pageNo = $(".paginate").data("pageNo");//当前页码
        pageNo = parseInt(pageNo);
        let pages = $(".paginate").data("pages");//总页数
        pages = parseInt(pages);

        //事件已添加成功，判断用户点的是什么操作
        if ($(this).is(".first")) {//首页
            search(1);
        } else if ($(this).is(".last")) {//尾页
            search(pages);
        } else if ($(this).is(".prev")) {//上一页
            pageNo--;
            if (pageNo < 1) {
                pageNo = 1;
            }
            search(pageNo);
        } else if ($(this).is(".next")) {//下一页
            pageNo++;
            if (pageNo > pages) {
                pageNo = pages;
            }
            search(pageNo);
        } else {//数字页码
            let pageNo = parseInt($(this).text());
            search(pageNo);
        }
    });


    //给查询按钮添加事件
    $(".action #search-btn").click(() => {
        search();
    });

    $(".action #reset-btn").click(() => {
        $(".search>form").trigger("reset");
    });
});
//向后台发出ajax请求，并获取响应数据内容。查询所有学生信息
function search(pageNo = 1, pageSize = 7) {
    //取出所有查询条件
    let title = $(".search #title").val();
    let author = $(".search #author").val();
    let category = '动作';

    let url = "/api/v1/category";
    $.ajax({
        url,
        method: "get",
        dataType: "json",
        data: {
            pageNo,
            pageSize,
            title,
            author,
            category,
        },
        success(resp) {//回调函数
            //将数据渲染到页面上，执行dom操作   DOM：Document Object Model
            if (resp.success) {
                let data = resp.news;//学生信息数组
                let $tbody = $("#tbl>tbody");
                $tbody.empty();//把上次的数据内容清空
                console.log(data);

                data.forEach(it => {//it即遍历过程中的一个学生对象
                    let $tr = $("<tr>");//创建一个tr对象
                    $tr.append("<td value='" + it.newid + "'  class='ttitle'>" +"<a href='/onenews?newid="+it.newid+"' target='_self'>"+ "<h5>"+it.title+"</h5>" + "</a> "+"</td>");
                    $tr.append("<td class='ttime'>" + it.time + "</td>");
                    $tbody.append($tr);
                });

                //将分页信息缓存到页面上
                $(".paginate").data("pages", resp.pi.pages);
                $(".paginate").data("pageNo", resp.pi.pageNum);

                //将数字页码进行替换
                $(".paginate>ul>li:not(.fixed)").remove();
                for (let i = resp.pi.navigateFirstPage; i <= resp.pi.navigateLastPage; i++) {
                    let $li = $("<li><a href='javascript:void(0)'>" + i + "</a></li>");
                    if (i === resp.pi.pageNum) {
                        $li.addClass("current");
                    }
                    $(".paginate>ul>li.next").before($li);
                }
            }
        }
    });
}

